<template>
	<view class="orderNumberPage">
		<view class="orderNumberTop">
			<view class="search-content">
		
				<image class="search-img" src="../../../static/会员卡管理端/组合 405.png" mode=""></image>
				<input placeholder="请输入订单号,商品号" v-model="searchVal" @input="changeInput" @confirm="changeSearch"
					style="width: auto;line-height: 1em; " placeholder-style="font-size:28rpx;color:#A1A1A1;" />
				<image v-if="searchVal" class="icon_close" src="/static/delect.png" @click="close"></image>
			</view>
		</view>
		<view style="padding: 10rpx  30rpx">
			<view class="flex-between margin_20rpx_0">
				<view class="flex">
					<text class="font-size_26rpx">支付方式</text>
					<uni-icons type="right" size="16"></uni-icons>
				</view>
				<view class="month">
					时间
				</view>
			</view>
			<view class="flex-between margin_20rpx_0" style="color: rgb(153, 153, 153);">
				<text >累计订单金额：3632413.32</text>
				<text >累计订单笔数：363</text>
			</view>
		</view>
		<view class="orderNumberList">
			<view class="flex-between padding-bottom_20rpx border-bottom-ECECEC">
				<view class="flex">
					<image class="image" src="../../../static/会员卡管理端/组合 551.png" mode=""></image>
					<view class="flex-columns-center margin-left_30rpx">
						<text class="font-weight_bold margin-bottom_10rpx" style="font-size: 30rpx;">明细</text>
		
						<text style="color: rgb(153, 153, 153);font-size: 24rpx;text-align: left;">2023-05-31 16:00
						</text>
					</view>
				</view>
				
			</view>
			<view class="">
				<view class="payDetial padding_20rpx">
					<view class="padding-bottom_30rpx border-bottom-ECECEC">
						<text>实际支付</text>：<text class="font-weight_bold" style="color: rgb(255, 51, 38);">￥1475.00</text>
					</view>
					<view class="margin-top_20rpx" style="color: rgb(102, 102, 102);">
						<text class="margin-right_40rpx">所用积分：3200</text>
						<text>积分抵扣：￥32.00</text>
					</view>
					<view class="margin-top_20rpx" style="color: rgb(102, 102, 102);">
						<text class="margin-right_40rpx">支付方式：套餐卡抵扣</text>
						<text>优惠券抵扣：0.00 </text>
					</view>
					<view class="margin-top_20rpx" style="color: rgb(102, 102, 102);">
						<text class="margin-right_40rpx">备注：炸鸡单人套餐使用了套餐卡抵扣</text>
						
					</view>
				</view>
				<view class="padding20 border-bottom-ECECEC">
					所属门店：哇哈哈沈阳中央世纪店
				</view>
				<view class=" flex-between " style="padding: 20rpx 20rpx 0;">
					<text style="color: rgb(95, 93, 93);">创建时间：2021年10月21日</text>
					
				</view>
		
			</view>
		</view>
		<view class="orderNumberList">
			<view class="flex-between padding-bottom_20rpx border-bottom-ECECEC">
				<view class="flex">
					<image class="image" src="../../../static/会员卡管理端/组合 551.png" mode=""></image>
					<view class="flex-columns-center margin-left_30rpx">
						<text class="font-weight_bold margin-bottom_10rpx" style="font-size: 30rpx;">明细</text>
		
						<text style="color: rgb(153, 153, 153);font-size: 24rpx;text-align: left;">2023-05-31 16:00
						</text>
					</view>
				</view>
				
			</view>
			<view class="">
				<view class="payDetial padding_20rpx">
					<view class="padding-bottom_30rpx border-bottom-ECECEC">
						<text>实际支付</text>：<text class="font-weight_bold" style="color: rgb(255, 51, 38);">￥1475.00</text>
					</view>
					<view class="margin-top_20rpx" style="color: rgb(102, 102, 102);">
						<text class="margin-right_40rpx">所用积分：3200</text>
						<text>积分抵扣：￥32.00</text>
					</view>
					<view class="margin-top_20rpx" style="color: rgb(102, 102, 102);">
						<text class="margin-right_40rpx">支付方式：微信扫码支付</text>
						<text>优惠券抵扣：0.00 </text>
					</view>
				</view>
				<view class="padding20 border-bottom-ECECEC">
					所属门店：哇哈哈沈阳中央世纪店
				</view>
				<view class=" flex-between " style="padding: 20rpx 20rpx 0;">
					<text style="color: rgb(95, 93, 93);">创建时间：2021年10月21日</text>
					<view class="myEmployeesBtn flex" @click="showDelModify()">
						管理员工
					</view>
				</view>
		
			</view>
		</view>
	</view>
</template>

<script>
	
	export default {
		components: {
		
		},
		data() {
			return {
				
				searchVal:''
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	page{
		background: #f6f6f6;
	}
	.orderNumberPage{
		
		.orderNumberTop {
			background: rgb(255, 255, 255);
		
			padding: 34rpx;
			// border-radius: 130rpx;
		
		
			.search-content {
				justify-content: center;
				display: flex;
				align-items: center;
				// width: 446rpx;
				height: 88rpx;
		
				background: rgb(246, 248, 255);
				;
				border-radius: 84rpx;
		
				.search-img {
					width: 30rpx;
					height: 30rpx;
					margin-right: 20rpx;
					margin-left: 40rpx;
				}
		
				.icon_close {
					padding: 0rpx 15rpx;
					width: 36rpx;
					height: 36rpx;
					margin-right: 30rpx;
				}
			}
		}
		.orderNumberList{
			border-radius: 20rpx;
			
			background: rgb(255, 255, 255);
			margin-top: 20rpx;
			padding: 30rpx;
			
			.image {
				width: 116rpx;
				height: 116rpx;
			}
			
			;
			
			.arrowImg {
				width: 24.5rpx;
				height: 24.5rpx;
				margin-left: 5rpx;
			}
			.payDetial{
				
				
				border-radius: 12rpx;
				
				background: rgb(245, 245, 245);
			}
			width: 750rpx;
			
			.myEmployeesBtn {
				width: 148.4rpx;
				height: 56.06rpx;
				box-sizing: border-box;
				border: 1px solid rgb(190, 190, 190);
				border-radius: 100px;
				color: rgb(102, 102, 102);
			
			}
		}
	}
	
</style>